<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
    <head>
        <th:block th:include="include :: header('文档查看')"/>

        <style>
            .pdf-div {
                width: 1000px;
                margin: auto;
            }

            .adds{
                line-height: 2em;
                padding: 4px;
                text-align: center;
                font-weight: bold;
            }
        </style>
    </head>
    <body class="white-bg">
        <div class="adds">
            <div>[[${courseDetail.title}]]</div>
            <div style="display: none">[[${courseDetail.host + courseDetail.pptUrl}]]</div>
        </div>
        <div>
            <div class="pdf-div">
                <a class="media" th:href="${courseDetail.host + courseDetail.pptUrl}"></a>
            </div>
        </div>


        <th:block th:include="include :: footer"/>
        <th:block th:include="include :: jquery-media-js"/>
        <script type="text/javascript">
            var url = '[[${courseDetail.host + courseDetail.pptUrl}]]'

            $('a.media').media({
                                   width: 1000,
                                   height: 800
                               },
            function (a,b,c){
                console.log('>>>>>media callback')
                console.log(a)
                console.log(b)
                console.log(c)
            },
                               function (a,b,c){
                                   console.log('>>>>>media callback2')
                                   console.log(a)
                                   console.log(b)
                                   console.log(c)
                               });
        </script>
    </body>
</html>